import { Link, RepoLink } from '@brillout/docpress'
import { Example, UseScaffolder, CustomIntegrationWarning } from '../../components'

## `vike-vue`

We recommend using <Link href="/vike-vue">`vike-vue`</Link> which integrates [Vue](https://vuejs.org) in a full-fledged manner.

> <UseScaffolder>`vike-vue`</UseScaffolder>

You can also <Link href="#custom-integration">integrate Vue yourself</Link> if you want full control over the Vue integration.


## Custom integration

Instead of using <Link href="/vike-vue">`vike-vue`</Link>, you can implement your own Vue integration, for full control over the integration of Vue and Vue libraries.

<CustomIntegrationWarning uiFramework="vue" />

> You can use <Link href="/new/core">vike.dev/new/core</Link> to scaffold a Vike app showcasing a manual Vlue integration.

Official examples:
 - <RepoLink path="/packages/create-vike-core/boilerplate-vue-ts" /> - Classic integration, using <Link href="/client-routing">Client Routing</Link>.
 - <RepoLink path="/examples/vue-minimal" /> - Minimalistic integration, using <Link href="/server-routing">Server Routing</Link>.
 - [`vike-vue` source code](https://github.com/vikejs/vike-vue/tree/main/packages/vike-vue) - Full-fledged integration.

> For more official examples, see [GitHub > `vikejs/vike` > `examples/`](https://github.com/vikejs/vike/tree/main/examples).

Community examples:
 - <Example timestamp="2023.12" repo="luisfloat/vike-island-example" /> - [Islands Architecture](https://jasonformat.com/islands-architecture/) implementation, mixing React and Vue.
 - <Example timestamp="2022.08" repo="AaronBeaudoin/vite-plugin-ssr-example" /> - Vue integration supporting all <Link href="/render-modes">render modes</Link> (SSR, SPA, and HTML-only).

> For more community examples, see integration guides such as <Link href="/vue-query" />.


## See also

 - <Link href="/vike-vue" />
 - <Link href="/react" />
 - <Link href="/solid" />
